<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="icon" href="images/favicon.ico">

    <title>调度台</title>

    <!-- Custom styles for this template -->
    <link href="css/dashboard.css" rel="stylesheet">   

</head>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#"><img src="images/logo.png"></a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                  <li>
                      <a href="#" class="dispatcherName" id="dispatcherName"></a>
                  </li>
                  <li class="dropdown">
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="images/spot.png">
                      </a>
                      <ul class="dropdown-menu main-right-menu">
                        <li class="main-right-menu-first-children">
                          <a href="#" id="setting">
                            <i class="fa fa-gear"></i>
                            <span>设置</span>
                          </a>
                        </li>
                        <li>
                          <a href="#" id="updatePwd">
                            <i class="fa fa-unlock-alt"></i>
                            <span>修改密码</span>
                          </a>
                        </li>
                        <li>
                          <a href="#" id="dispatcherLogout">
                            <i class="fa fa-power-off"></i>
                            <span>退出</span>
                          </a>
                        </li>
                      </ul>
                  </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container-fluid">

        <div class="row">
            <div id="success_bar" class="alert-bar success-bar">
            <div class="ok-bar">
                <i class="fa fa-check-circle-o fa-2x"></i>
                <span id="success_bar_info">修改成功</span>
            </div>
        </div>
            <!--<div id="success_bar" class="alert-bar success-bar">-->
                <!--<div class="ok-bar">-->
                    <!--<i class="fa fa-check-circle-o fa-2x"></i>-->
                    <!--<span id="success_bar_info">修改成功</span>-->
                <!--</div>-->
            <!--</div>-->
            <div class=" col-sm-3 sidebar">
                <!-- 侧边栏 start -->
                <ul class="nav custom-nav"></ul>
                <div class="nav-bottom">
                <!--群组个数: <span id="totalGroupNum">0</span>-->
                    <div class="status-top">
                        <span id="active-group">当前群组</span>: <span id="main_bottom_left_voice_obj"></span>
                    </div>
                    <audio id="ptt_music"></audio>
                    <div class="status-content">
                        <div class="row">
                            <div class="content-left col-sm-4 col-sm-offset-2">
                                <img src="images/talk_leisure.png" class="talk-leisure" id="ptt-button" draggable="false"/>
                            </div>
                            <div class="content-right col-sm-6">
                                <p><i class="icon"></i><span id="ptt-status-i">空闲</span></p>
                                <p id="ptt-status-p"></p>
                            </div>
                        </div>

                    </div>
            </div>
                <!-- 侧边栏 end -->
            </div>

            <div class="col-md-6 main">
                <!-- 地图容器 start -->
                <div id="container" class="main-map"></div>
                <!-- 地图容器 end -->
                <!-- 清除地图按钮-->
                <div class="map-menu">
                    <span class="talk-group-lable">对讲组</span>
                    <select class="talk-group-select" id="talk-group-select"></select>
                    <span class="member-status-lable">状态</span>
                    <select class="member-status-select" id="member-status-select">
                        <option value="0">全部</option>
                        <option value="1">在线</option>
                        <option value="2">不在线</option>
                    </select>
                    <ul id="function-list">
                        <li>
                            <div class="temporary_broadcast" id="temporary_broadcast"><s class="broadcast-img img"></s>广播</div>
                        </li>
                        <li>
                            <div class="temporary_talking" id="temporary_talking1"><s class="talk-img img"></s>临时组</div>
                        </li>
                        <li>
                            <div class="frame-selection" id="frame-selection"><s class="select-img img"></s>框选</div>
                        </li>
                        <li>
                            <div class="instant-message"><s class="message-img img"></s>消息 <i>0</i><b class="cover"></b></div>
                        </li>
                    </ul>

                    <!-- 消息弹出框-->
                    <div id="message-pop">
                        <span class="pop-close">&times;</span>
                        <i class="triangle"></i>
                        <div class="title">
                            24小时内消息
                        </div>
                        <div>
                            <div id="small-box">
                                您有<span class="num">0</span>条新消息,&nbsp;<span class="watch">查收</span> <span class="closed">&times;</span>
                            </div>
                        </div>
                        <div class="content">
                            <ul class="ul-watch"></ul>
                            <ul class="ul">
                                <li>努力加载中...</li>
                                <!--<li>-->
                                   <!--<p class="message-top">-->
                                       <!--<i class="unread"></i>-->
                                       <!--<a class="message-title" data-i="1">安正飞鸟小袁发来图片</a>-->
                                       <!--<span class="push-time">13:30</span>-->
                                   <!--</p>-->
                                    <!--<p class="message-bottom">-->
                                        <!--<span class="message-content">动物园南门大火，现场情况等等等</span>-->
                                        <!--<i class="pull-down down-arrow"></i>-->
                                    <!--</p>-->
                                    <!--<div class="message-detail">-->
                                        <!--<p class="detail-describe">-->
                                            <!--按部门立即启动了道路交通管制，在事故现场设立了隔离带。宣威及部门组织轩逸园对受伤人员进行了救治后及时转入医院治疗。用行政和公安局对事故现场工人人数、省份信息进行了调查核实。-->
                                        <!--</p>-->
                                        <!--<div class="image1">-->
                                            <!--<img src="images/ceshi.jpg" alt=""/>-->
                                            <!--<img src="images/ceshi.jpg" alt=""/>-->
                                            <!--<img src="images/ceshi.jpg" alt=""/>-->
                                            <!--<img src="images/ceshi.jpg" alt=""/>-->
                                            <!--<img src="images/ceshi.jpg" alt=""/>-->
                                            <!--<img src="images/ceshi.jpg" alt=""/>-->
                                        <!--</div>-->
                                        <!--<p class="detail-site"><img src="images/site.png" alt=""/>浙江省西湖区虎跑路40号</p>-->

                                    <!--</div>-->
                                <!--</li>-->
                            </ul>
                            <p class="no-msg">没有消息</p>
                        </div>
                    </div>
                    <div id="slidesway">
                        <p>
                            <a href="#" class="message-title"></a>
                        </p>
                        <p class="theme"></p>
                        <button class="check">查看</button>
                    </div>
                    <div id="single-message">
                        <div class="message-top">
                            <p class="user">
                                <img src="images/touxiang.png" alt=""/>
                            </p>
                            <a class="message-title" data-i="1"></a><br/>
                            <span class="push-time"></span>
                            <i class="times"></i>
                        </div>
                        <p class="message-bottom">
                            <span class="message-content"></span>
                        </p>
                        <div class="message-detail">
                            <p class="detail-describe">

                            </p>
                            <div class="image1">

                            </div>
                            <p class="detail-site"><img src="images/site.png" alt=""/><span></span></p>

                        </div>
                    </div>

                </div>
                <!--拍传容器-->
                <div id="image-modal">
                    <b class="closed"></b>
                    <div class="container">

                        <div class="modal-top">
                            <i class="left-icon"></i>
                            <i class="right-icon"></i>
                            <p class="img">
                                <img src="" alt=""/>
                                    <span class="img-descrip">

                                    </span>
                            </p>

                        </div>
                        <div class="modal-bottom">

                        </div>
                    </div>
                </div>
                <div class="search-div">
                    <input type="text" id="searchInput" placeholder="查找地点" maxlength="16">
                    <img class="search-img" src="images/frame_search_normal.png" $alt="查找地点" title="搜索地点">
                    <div class="result-list">
                        <ul>
                            <!--<li>-->
                                <!--<p>1.西湖文化广场</p>-->
                                <!--<span class="add">杭州西湖区152好</span>-->
                            <!--</li>-->
                        </ul>

                    </div>
                    <div class="search-record">
                        <!--<ul>-->
                            <!--<li>第一条记录</li>-->
                        <!--</ul>-->
                        <ul></ul>

                    </div>
                </div>

                <div class="task-div">
                  <ul id='taskUl' class="task-ui">
                  </ul>
                </div>
            </div>

        </div>

    </div>

    <!-- modal -->
    <!-- common -->
    <div aria-hidden="true" aria-labelledby="dialog" data-backdrop="static" data-keyboard="false"
        role="dialog" tabindex="-1" id="boardcast" class="modal fade">
        <div class="modal-dialog boardcast-dialog">
            <div class="modal-content">
                <div class="temporary-group-mask" id="bc_select_mask"></div>
                <div class="temporary-group-alert-error" style="margin-top: 100px; margin-left: -25px;" id="bc_select_error">
                    <div>
                        <div>提示</div>
                        <div id="bc_select_error_x">X</div>
                    </div>
                    <div>
                        <div id="bc_select_error_info"></div>
                        <button class="btn btn-primary" id="bc_select_error_btn">确定</button>
                    </div>
                </div>
                <div class="temporary-group-alert" id="bc_select_alert" style="margin-left: 20px;">
                    <!-- 正在发起广播,请稍等! -->
                </div>
                <div class="modal-header">
                    <button type="button" class="close" id="bc_select_dismiss"></button>
                    <button type="button" class="small" id="bc_small" style="display:none"></button>
                    <h4 class="modal-title" id="bc_title"><!-- 选择广播成员 --></h4>
                </div>
                <div class="boardcast-dialog-body">
                    <div id="bc_lable"><!-- 已选择全部群组 --></div>
                    <ul id="bc_ul"></ul>
                </div>
                <div class="modal-footer boardcast-footer">
                    <button type="button" class="btn btn-primary start_bc_btn" id="bc_btn">
                        发起广播
                    </button>
                   <!--  <button type="button" class="btn btn-danger start_bc_btn" style="display:none" id="end_bc_btn">
                        结束广播
                    </button> -->
                </div>
            </div>
        </div>
    </div>

    <div aria-hidden="true" aria-labelledby="dialog" data-backdrop="static" data-keyboard="false"
        role="dialog" tabindex="-1" id="selectTemporaryGroup" class="modal fade">
        <div class="modal-dialog temporaryGroup-dialog">
            <div class="temporary-group-mask" id="tg_select_mask"></div>
            <div class="temporary-group-alert-error" style="margin-top: 120px; margin-left: 65px;" id="tg_select_alert_error">
                <div>
                    <div>提示</div>
                    <div id="tg_select_alert_error_x">X</div>
                </div>
                <div>
                    <div id="tg_select_alert_error_info"></div>
                    <button class="btn btn-primary" id="tg_select_alert_error_btn">确定</button>
                </div>
            </div>
            <div class="temporary-group-alert" id="tg_select_alert"></div>

            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" id="tg_select_dismiss"></button>
                    <h4 class="modal-title" id="tg_select_title"></h4>
                </div>
                <div class="modal-body temporaryGroup-dialog-body">
                    <div class="temporary-group-left">
                        <div class="temporary-group-search">
                            <input type="text" id="tg_search_input" placeholder="搜索"/>
                        </div>
                        <div class="temporary-group-search-result">
                            <ul id="tg_search_rlt"></ul>
                        </div>
                        <div class="temporary-group-select-box">
                            <ul id="tg_select_box_ul"></ul>
                        </div>
                    </div>
                    <div class="temporary-group-right">
                        <div class="temporary-group-lable"><!-- 请勾选需要添加的成员 --></div>
                        <div class="temporary-group-select-result">
                            <ul id="tg_select_result"></ul>
                        </div>
                        <div class="temporary-group-buttons">
                            <button type="button" disabled="disabled"  class="btn btn-danger temporary-group-confirm">
                                确定
                            </button>
                            <button type="button" disabled="disabled" class="btn btn-primary temporary-group-clear">
                                清除
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div aria-hidden="true" aria-labelledby="dialog" data-backdrop="static" data-keyboard="false"
        role="dialog" tabindex="-1" id="temporaryGroup" class="modal fade">
        <div class="modal-dialog temporaryGroup-dialog">
           <!-- <div class="temporary-group-mask" id="tg_mask"></div> -->
           <div class="temporary-group-leave-alert" id="tg_alert"></div>
           <!--  <div class="modal-content temporary-group-alert-confirm" id="tg_confirm">
                <div class="modal-header">
                    <button type="button" class="close" aria-hidden="true" id="tg_dismiss_close_btn"></button>
                </div>
                <div class="modal-body">
                    <div class="tg-dismiss-info">确定解散当前临时组？</div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger modal-btn-left" id="tg_dismiss_confirm_btn">确定</button>
                    <button type="button" class="btn btn-primary modal-btn-right" id="tg_dismiss_cancle_btn">取消</button>
                </div>
            </div> -->

            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="small" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">临时对讲中(<font id="tg_member_num">20</font>)</h4>
                </div>
                <div class="modal-body temporaryGroup-dialog-body">
                    <div class="temporaryGroup-members">
                       <ul class="temporaryGroup-dialog-members-ul">
                            <li class="temporaryGroup-dialog-add-li">
                                <div></div>
                                <lable>新增成员</lable>
                            </li>
                       </ul>
                    </div>
                   
                </div>
                <div class="modal-footer temporaryGroup-dialog-btn-groups">
                    <button class="btn btn-danger temporaryGroup-dialog-dismiss-btn">解散</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Repeat login -->
    <div class="modal fade" id="returnLoginModal" tabindex="-1" role="dialog" aria-labelledby=""
        data-backdrop="static" data-keyboard="false" aria-hidden="true">
        <div class="alert-bar danger-bar">
            <div class="danger-bar-info"></div>
            <button type="button" class="btn btn-primary repeat-login-btn" id="repeatLoginLogoutConfirm">确定</button>
        </div>
    </div>

    <!-- function alert-->
    <div id="function-alert">
        广播正在进行，请先关闭广播组在进行其他操作
    </div>

    <!-- Repeat login -->
    <div class="modal fade" id="dangerModal" tabindex="-1" role="dialog" aria-labelledby=""
        data-backdrop="static" data-keyboard="false" aria-hidden="true">
        <div class="alert-bar" style="height: 46px; padding-top: 12px; background-color: #f36060;">
            <div class="danger-bar-info"></div>
        </div>
    </div>

    <!-- 设置-->
    <div class="modal fade" id="settingModal" tabindex="-1" role="dialog" aria-labelledby=""
        aria-hidden="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">设置</h4>
                </div>
                <div class="modal-body">
                    <div>
                        <label>PTT快捷键:</label>
                        <input type="text" id="pttKeyName" autofocus/>
                        <input type="hidden" id="pttKeyValue"/>
                    </div>
                    <div class="update-danger" id="settingInfo">
                        <h6 class="vis-hid">error</h6>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger modal-btn-left" disabled="disabled" id="settingConfirm">确定</button>
                    <button type="button" class="btn btn-primary modal-btn-right" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 修改密码-->
    <div class="modal fade" id="updatePwdModal" tabindex="-1" role="dialog" aria-labelledby=""
        aria-hidden="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">修改密码</h4>
                </div>
                <div class="modal-body modal-body-mp">
                    <div class="modal-body-mp-first-children">
                        <label>原密码 :</label>
                        <input type="password" id="originPwd"/>
                    </div>
                    <div class="modal-body-mp-second-children">
                        <label>新密码 :</label>
                        <input type="password" id="newPwd1"/>
                    </div>
                    <div class="modal-body-mp-tip">
                        <h6>长度为6-16位字符,建议使用字母加数字的组合.</h6>
                    </div>
                    <div class="modal-body-mp-third-children">
                        <label>确认新密码 :</label>
                        <input type="password" id="newPwd2"/>
                    </div>
                    <div class="update-danger modal-body-mp-error" id="updatePwdInfo">
                        <h6 class="vis-hid">error</h6>
                    </div>
                </div>
                <div class="modal-footer modal-footer-mp">
                    <button type="button" class="btn btn-danger modal-btn-left"
                    id="updatePwdConfirm" disabled="disabled">确定</button>
                    <button type="button" class="btn btn-primary modal-btn-right" data-dismiss="modal">
                        取消
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- conmmon -->
    <!-- 临时组解散确认 -->
    <div class="modal fade" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby=""
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title" id="confirmLabel"></h4>
                </div>
                <div class="modal-body">
                    <div class="logoutInfo" id="confirmInfo"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger modal-btn-left" id="confirm_btn">确定</button>
                    <button type="button" class="btn btn-primary modal-btn-right" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 退出确认 -->
    <div class="modal fade" id="exitModal" tabindex="-1" role="dialog" aria-labelledby=""
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title" id="myModalLabel">退出</h4>
                </div>
                <div class="modal-body">
                    <div class="logoutInfo">是否确定退出当前账户并返回登陆界面！</div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger modal-btn-left" id="logoutConfirm">确定</button>
                    <button type="button" class="btn btn-primary modal-btn-right" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- modal end-->

    <!-- Bootstrap core JavaScript -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!--'lodash': 'http://cdn.bootcss.com/lodash.js/4.13.1/lodash.min.js', -->
    <script src="http://cdn.bootcss.com/seajs/3.0.2/sea.js"></script>
    <script type="text/javascript">
        var version = '1.0.1';
        seajs.config({
            base: './js/',
            // 设置别名，方便调用
            alias: {
                'jquery': 'seajs/jquery.min',
                'icheck': 'seajs/plugs/icheck.min',
                // 'nicescroll': 'seajs/plugs/jquery.nicescroll.min',
                'bootstrapjs': 'seajs/bootstrap.min',
                'py': 'seajs/plugs/py/py',
                'socket': 'http://cdn.bootcss.com/socket.io/1.4.8/socket.io.min',
                'amap': 'http://webapi.amap.com/maps?v=1.3&key=674010b0de952c774fb34cf54e52eb01'
            },
            charset: 'utf-8',
            map:[['.js', '.js?v=' + version]//映射规则
]
        });
        seajs.use('index');
    </script>

</body>
</html>
